<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/templates/template_sm_menu.xhtml">
	<ui:define name="body">
<h:head>
    <script name="jquery/jquery.js" library="primefaces"></script>
</h:head>
<h:form id="form" style="width:500px;">
    <p:growl id="message"></p:growl>
    <p:tabView id="tabView" activeIndex="#{tabViewManagedBean.index}">
        <p:ajax event="tabChange" listener="#{tabViewManagedBean.onTabChanged}" update="@previous"></p:ajax>
        <p:ajax event="tabClose" listener="#{tabViewManagedBean.onTabClosed}" update="@form:message"></p:ajax>
        <p:tab title="Tab#1" closable="true">
            <p:outputLabel value="#{tabViewManagedBean.messageNum1}"></p:outputLabel>
        </p:tab>
        <p:tab title="Tab#2" closable="true">
            <p:outputLabel value="#{tabViewManagedBean.messageNum2}"></p:outputLabel>
        </p:tab>
    </p:tabView>
    					<p:commandButton id="btnAutenticar" value="Autenticar"
					    ajax="true"
						action="principal"
						/>
    
</h:form>
</ui:define>
</ui:composition>